<!DOCTYPE html>
<html>

<head lang="zh-CN">
    <meta charset="utf-8" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>部署和服务监控系统-{{title}}</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" type="text/css" href="/styles/bootstrap.min.css" />
    <link rel="stylesheet" type="text/css" href="/styles/bootstrap-theme.min.css" />
    <link rel="stylesheet" type="text/css" href="/styles/site.css" /> {{#block "Styles"}}{{/block}}
</head>

<body>
    <div class="navbar navbar-inverse navbar-fixed-top">
        <div class="container-fluid body-content">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="/#/">运维工具(切换到Vue版)</a>
            </div>
            <div class="navbar-collapse collapse">
                <ul class="nav navbar-nav">
                    <li class="{{ activable '/home' }}">
                        <a href="/home">
                            <i class="glyphicon glyphicon-home"></i> 工作台
                        </a>
                    </li>
                    <li class="{{ activable '/hwcloud' }}">
                        <a href="/hwcloud/metric">
                            <i class="glyphicon glyphicon-stats"></i> 监控指标查询
                        </a>
                    </li>
                    <li class="dropdown {{ activable '/dbtool,/db' }}">
                        <a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
                            <i class="glyphicon glyphicon-random"></i> 数据库工具
                            <span class="caret"></span>
                        </a>
                        <ul class="dropdown-menu">
                            <li>
                                <a href="/db/tables">数据库详情</a>
                            </li>
                            <li role="separator" class="divider"></li>
                            <li>
                                <a href="/db/status/0">查看数据库状态</a>
                            </li>
                            <li>
                                <a href="/dbtool/compare">数据库比较</a>
                            </li>
                        </ul>
                    </li>
                    <li class="dropdown {{ activable '/tools' }}">
                        <a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
                            <i class="glyphicon glyphicon-console"></i> 文本工具
                            <span class="caret"></span>
                        </a>
                        <ul class="dropdown-menu">
                            <li>
                                <a href="/tools/crypto">加密解密</a>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="container-fluid body-content">
        {{{body}}}
        <hr />
        <footer>
            <p>版权所有 &copy; 2017 深圳传世般若科技有限公司 </p>
        </footer>
    </div>

    <script type="text/javascript" src="/scripts/jquery-3.1.1.min.js"></script>
    <script type="text/javascript" src="/scripts/bootstrap.min.js"></script>
    <script type="text/javascript" src="/Scripts/layer/layer.js"></script>
    <script type="text/javascript" src="/Scripts/mercurius.common.js"></script> {{#block "Scripts"}}{{/block}}
</body>

</html>